<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>setting</title>

  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>


  <link href="https://static.zhihu.com/heifetz/main.app.216a26f4.8b918e2d834ece9a884f.css" crossorigin=""
    rel="stylesheet">
  <link href="https://static.zhihu.com/heifetz/main.settings-routes.216a26f4.b778001e1676432ba6f1.css" crossorigin=""
    rel="stylesheet">

  <!-- <script nonce="">!function () { "use strict"; !function (e, n) { var r = []; function t(e) { return function () { r.push([e, arguments]) } } n.Raven = { captureException: t("captureException"), captureMessage: t("captureMessage"), captureBreadcrumb: t("captureBreadcrumb") }; var a, o, c, i, s, u = "undefined" != typeof DOMError; function d(e) { var n = e instanceof Error || e instanceof ErrorEvent || u && e instanceof DOMError || e instanceof DOMException; Raven.captureException(n ? e : new Error(e.message || e.reason)) } n.addEventListener("unhandledrejection", d), n.addEventListener("error", d, !0), a = e.src, o = e, c = function () { r.forEach(function (e) { var n; (n = Raven)[e[0]].apply(n, e[1]) }), n.removeEventListener("unhandledrejection", d), n.removeEventListener("error", d, !0) }, i = document.head || document.getElementsByTagName("head")[0], (s = document.createElement("script")).crossOrigin = o.crossOrigin, s.dataset.sentryConfig = o["data-sentry-config"], s.onload = c, s.src = a, i.appendChild(s) }({ "defer": true, "crossOrigin": "anonymous", "src": "https://unpkg.zhimg.com/@cfe/sentry-script@1.3.1/dist/init.js", "data-sentry-config": "{\"dsn\":\"https://2d8d764432cc4f6fb3bc78ab9528299d@crash2.zhihu.com/1224\",\"sampleRate\":0.1,\"release\":\"4062-e97112d5\",\"ignoreErrorNames\":[\"NetworkError\",\"SecurityError\"],\"ignoreErrorsPreset\":\"ReactApp\",\"tags\":{\"app_name\":\"heifetz\"}}" }, window) }();
  </script> -->



  <style data-emotion-css="1acwmmj">
    .css-1acwmmj {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="11bw1mm">
    .css-11bw1mm {
      border-color: undefined !important;
      -webkit-transition-property: background-color, border, color;
      transition-property: background-color, border, color;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }

    .css-11bw1mm {
      border-color: undefined !important;
      -webkit-transition-property: background-color, border, color;
      transition-property: background-color, border, color;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }

    .css-11bw1mm {
      border-color: undefined !important;
      -webkit-transition-property: background-color, border, color;
      transition-property: background-color, border, color;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }

    .css-11bw1mm {
      border-color: undefined !important;
      -webkit-transition-property: background-color, border, color;
      transition-property: background-color, border, color;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }
  </style>
  <style data-emotion-css="1dlt5yv">
    .css-1dlt5yv {
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }

    .css-1dlt5yv:hover {
      opacity: 1;
    }
  </style>
  <style data-emotion-css="3q84jd">
    .css-3q84jd {
      background-color: undefined !important;
      color: undefined !important;
      border: undefined !important;
      -webkit-transition-property: background-color, color;
      transition-property: background-color, color;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }

    .css-3q84jd:hover {
      opacity: 1;
    }
  </style>
  <style data-emotion-css="79elbk">
    .css-79elbk {
      position: relative;
    }
  </style>
  <style data-emotion-css="7dgah8">
    .css-7dgah8 {
      -webkit-transition-property: color, opacity;
      transition-property: color, opacity;
      -webkit-transition-duration: 0.25s;
      transition-duration: 0.25s;
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
    }

    .css-7dgah8:hover {
      opacity: 1;
    }
  </style>
  <style data-emotion-css="4cffwv">
    .css-4cffwv {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="1gwvwec">
    .css-1gwvwec {
      min-height: calc(100vh - 52px - 10px - 10px);
    }
  </style>
  <style data-emotion-css="hb0k4p">
    .css-hb0k4p {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      min-height: calc(100vh - 52px - 10px - 10px);
    }
  </style>
  <style data-emotion-css="1aldbke">
    .css-1aldbke {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="ul9l2m">
    .css-ul9l2m {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      padding: 0;
      background-color: #FFFFFF;
      box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
      border-radius: 2px;
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .css-ul9l2m+.css-ul9l2m {
      margin-top: 10px;
    }
  </style>
  <style data-emotion-css="79elbk">
    .css-79elbk {
      position: relative;
    }
  </style>
  <style data-emotion-css="m1yuwo">
    .css-m1yuwo {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      border-left: 1px solid;
      border-color: #EBEBEB;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-bottom: 32px;
      position: relative;
    }
  </style>
  <style data-emotion-css="9ytsk0">
    .css-9ytsk0 {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      border-bottom: 1px solid;
      border-color: #EBEBEB;
      padding-right: 0;
    }
  </style>
  <style data-emotion-css="17ucl2c">
    .css-17ucl2c {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 18px;
      padding-right: 18px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="1pysja1">
    .css-1pysja1 {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
  </style>
  <style data-emotion-css="1x1wcr3">
    .css-1x1wcr3 {
      font-size: 19px;
    }
  </style>
  <style data-emotion-css="l6wetl">
    .css-l6wetl {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      font-size: 24px;
      font-family: inherit;
      font-weight: 700;
      line-height: 1.25;
      font-family: inherit;
      line-height: 1.25;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.4;
      font-size: 19px;
    }
  </style>
  <style data-emotion-css="9z9vmi">
    .css-9z9vmi {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      margin-top: 5px;
      color: #8590A6;
      font-size: 14px;
    }
  </style>
  <style data-emotion-css="1pgs7vn">
    .css-1pgs7vn {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      font-size: 24px;
      font-family: inherit;
      font-weight: 700;
      line-height: 1.25;
      font-family: inherit;
      line-height: 1.25;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.4;
    }
  </style>
  <style data-emotion-css="fyakhq">
    .css-fyakhq {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      margin-left: 20px;
      font-size: 14px;
    }
  </style>
  <style data-emotion-css="1pp4h0z">
    .css-1pp4h0z {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      border-top: 1px solid;
      border-color: #EBEBEB;
      padding-right: 18px;
    }
  </style>
  <style data-emotion-css="bgxerv">
    .css-bgxerv {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 0;
      padding-right: 0;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="1l7mgse">
    .css-1l7mgse {
      font-weight: normal;
    }
  </style>
  <style data-emotion-css="1es27t5">
    .css-1es27t5 {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      font-size: 24px;
      font-family: inherit;
      font-weight: 700;
      line-height: 1.25;
      font-family: inherit;
      line-height: 1.25;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.4;
      font-weight: normal;
    }
  </style>
  <style data-emotion-css="1ew9y65">
    .css-1ew9y65 {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      margin-left: 18px;
    }
  </style>
  <style data-emotion-css="3sstln">
    .css-3sstln {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      color: #0066FF;
    }
  </style>
  <style data-emotion-css="5h0skw">
    .css-5h0skw {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      font-size: 14px;
    }
  </style>
  <style data-emotion-css="1alsiom">
    .css-1alsiom {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      padding-bottom: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="60n72z">
    .css-60n72z {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 33.33333333333333%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  </style>
  <style data-emotion-css="1uhh592">
    .css-1uhh592 path {
      fill: #ffffff;
    }
  </style>
  <style data-emotion-css="u42xng">
    .css-u42xng {
      border-radius: 50%;
    }

    .css-u42xng path {
      fill: #ffffff;
    }
  </style>
  <style data-emotion-css="eho26r">
    .css-eho26r {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #ffffff;
      width: 26px;
      height: 26px;
      background-color: #6cda49;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
    }

    .css-eho26r path {
      fill: #ffffff;
    }
  </style>
  <style data-emotion-css="zlhhis">
    .css-zlhhis {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      margin-left: 5px;
    }
  </style>
  <style data-emotion-css="le1a5j">
    .css-le1a5j {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #FFFFFF;
      width: 26px;
      height: 26px;
      background-color: #ff6d4a;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
    }

    .css-le1a5j path {
      fill: #ffffff;
    }
  </style>
  <style data-emotion-css="uodor8">
    .css-uodor8 {
      border-radius: 50%;
    }
  </style>
  <style data-emotion-css="1jcd8mo">
    .css-1jcd8mo {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #ffffff;
      width: 26px;
      height: 26px;
      background-color: #50c8fd;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
    }
  </style>

  <style data-emotion-css="10da52u">
    .css-10da52u {
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      margin-left: 10px;
      width: 264px;
    }
  </style>
</head>

<body>
  <div id="root">
    <div>
      <div class="LoadingBar"></div>
      <div style="margin-bottom: 50px;">
        <nav class="nanbar navbar-inverse navbar-fixed-top big" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <a href="/index" class="navbar-brand">Forum</i></a>
            </div>
            <div class="collapse navbar-collapse">
              <!-- 下来菜单 -->
              <div class="dropdown navbar-right">
                <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"
                  style="background-color: #111111;">
                  <img src="../images/html.jpg" class="img-circle" style="width: 30px;height: 30px;">
                  <!-- <span class="caret"></span> -->
                </button>
                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1" style="width: 50px;">
                  <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="/my/setting">个人设置</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="/login">退出登录</a>
                  </li>
                </ul>
                </li>
              </div>
              <!-- 顶部导航栏 -->

              <!-- 搜索 -->
            </div>

          </div>
        </nav>
      </div>
      <div><span role="log" aria-live="assertive" style="position: absolute; top: -10000px; left: -10000px;"></span>
      </div>
      <main role="main" class="App-main">
        <div id="SettingsMain" class="SettingsMain">
          <div class="css-4cffwv">
            <div class="css-hb0k4p">
              <div class="css-ul9l2m">
                <nav class="SettingsNav">
                  <ol>
                    <li><a class="SettingsNav-link is-active" href="/settings/account"><svg width="16" height="16"
                          viewBox="0 0 24 24" data-new-api="UserFill24" data-old-api="Profile" class="Zi Zi--Profile"
                          fill="currentColor">
                          <path
                            d="M12 2.5A5.5 5.5 0 006.5 8a5.5 5.5 0 005.5 5.5A5.5 5.5 0 0017.5 8 5.5 5.5 0 0012 2.5zM7.224 14.632c.68-.294 1.454-.35 2.501-.206a16.62 16.62 0 004.55 0c1.047-.144 1.821-.088 2.501.206.656.284 1.155.766 1.676 1.27 1.536 1.489 2.436 3.37 2.649 4.911.107.777-.536 1.337-1.201 1.337H4.1c-.665 0-1.308-.56-1.2-1.337.212-1.54 1.112-3.422 2.648-4.91.52-.505 1.02-.987 1.676-1.271z"
                            fill-rule="evenodd" clip-rule="evenodd"></path>
                        </svg><span class="SettingsNav-linkTxt">帐号与密码</span></a></li>
                    <li><a class="SettingsNav-link" href="/settings/notification"><svg width="16" height="16"
                          viewBox="0 0 24 24" data-new-api="BellFill24" data-old-api="Bell" class="Zi Zi--Bell"
                          fill="currentColor">
                          <path
                            d="M9.723 21.271c0-.42.34-.76.76-.76h3.043a.76.76 0 010 1.521h-3.043a.76.76 0 01-.76-.76z"
                            fill-rule="evenodd" clip-rule="evenodd"></path>
                          <path
                            d="M11.153 3.115c0-.618.376-1.115.844-1.115.469 0 .845.499.845 1.115v.183c3.997.369 7.012 4.117 7.024 8.515v5.655h.253a.76.76 0 110 1.521H3.891a.76.76 0 010-1.521h.253v-5.655c.011-4.392 3.02-8.137 7.009-8.514v-.184z">
                          </path>
                        </svg><span class="SettingsNav-linkTxt">消息与邮件</span></a></li>
                    <li><a class="SettingsNav-link" href="/settings/filter"><svg width="18" height="18"
                          viewBox="0 0 24 24" data-new-api="ForbidFill24" data-old-api="Ban" class="Zi Zi--Ban"
                          fill="currentColor" style="margin: -1px;">
                          <path
                            d="M16.346 18.113a7.5 7.5 0 01-10.46-10.46l10.46 10.46zm1.767-1.767L7.654 5.886a7.5 7.5 0 0110.46 10.46zM22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z"
                            fill-rule="evenodd" clip-rule="evenodd"></path>
                        </svg><span class="SettingsNav-linkTxt">屏蔽</span></a></li>
                    <li><a class="SettingsNav-link" href="/settings/privacy"><svg width="16" height="16"
                          viewBox="0 0 24 24" data-new-api="LockFill24" data-old-api="Lock" class="Zi Zi--Lock"
                          fill="currentColor">
                          <path
                            d="M3.5 11.6A1.6 1.6 0 015.1 10h2.166c0-.177-.003-.377-.007-.594-.02-1.105-.048-2.662.35-3.996.246-.823.67-1.63 1.405-2.227.743-.603 1.73-.933 2.986-.933 1.256 0 2.243.33 2.986.933.735.598 1.159 1.404 1.405 2.227.398 1.334.37 2.891.35 3.996-.004.217-.008.417-.008.594H18.9a1.6 1.6 0 011.6 1.6v7.8a1.6 1.6 0 01-1.6 1.6H5.1a1.6 1.6 0 01-1.6-1.6v-7.8zM9 14.75a.75.75 0 000 1.5h6a.75.75 0 000-1.5H9zM8.759 9.3c.004.242.007.476.007.7h6.467c0-.182.003-.37.006-.565l.002-.135c.017-1.112.037-2.375-.287-3.46-.19-.636-.482-1.142-.914-1.492-.424-.345-1.055-.598-2.04-.598-.985 0-1.616.253-2.04.598-.432.35-.724.856-.914 1.492-.324 1.085-.304 2.348-.287 3.46z"
                            fill-rule="evenodd" clip-rule="evenodd"></path>
                        </svg><span class="SettingsNav-linkTxt">隐私</span></a></li>
                    <li><a class="SettingsNav-link" href="/settings/stickers"><svg width="14" height="14"
                          viewBox="0 0 18 18" fill="currentColor">
                          <path
                            d="M0 9a9 9 0 1018 0A9 9 0 000 9zm13.477 1.5H4.523c.228 2.47 2.145 4 4.477 4 2.332 0 4.25-1.53 4.477-4zM4.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm6 0a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0z"
                            fill-rule="evenodd"></path>
                        </svg><span class="SettingsNav-linkTxt">卡片贴纸设置</span></a></li>
                    <li><a class="SettingsNav-link" href="/settings/preference"><svg width="16" height="16"
                          viewBox="0 0 24 24" data-new-api="GearFill24" data-old-api="Settings" class="Zi Zi--Settings"
                          fill="currentColor">
                          <path
                            d="M10.809 2.17a2.415 2.415 0 012.382 0l6.842 3.878a2.415 2.415 0 011.224 2.1v7.703c0 .87-.468 1.672-1.224 2.101L13.19 21.83a2.415 2.415 0 01-2.381 0l-6.842-3.878a2.415 2.415 0 01-1.224-2.1V8.148c0-.87.467-1.672 1.224-2.101l6.842-3.878zm-2.633 9.82a3.858 3.858 0 117.716 0 3.858 3.858 0 01-7.716 0zm3.858-2.357a2.358 2.358 0 100 4.716 2.358 2.358 0 000-4.716z"
                            fill-rule="evenodd" clip-rule="evenodd"></path>
                        </svg><span class="SettingsNav-linkTxt">偏好设置</span></a></li>
                  </ol>
                </nav>
                <div class="css-m1yuwo">
                  <div class="css-9ytsk0">
                    <div class="css-17ucl2c">
                      <div class="css-1pysja1">
                        <h2 class="css-l6wetl">帐号与密码</h2>
                        <div class="css-9z9vmi">帐号设置/个性域名</div>
                      </div>
                    </div>
                  </div>
                  <div class="css-9ytsk0">
                    <div class="css-17ucl2c">
                      <div class="css-1pysja1">
                        <h3 class="css-1pgs7vn">帐号设置</h3>
                        <div class="css-9z9vmi">绑定手机和邮箱，并设置密码，帐号更安全<br>注意：为保证帐号安全，需进行二次验证。</div>
                      </div>
                    </div>
                    <div class="css-fyakhq">
                      <div class="css-1pp4h0z">
                        <div class="css-bgxerv">
                          <div class="css-1pysja1">
                            <h3 class="css-1es27t5">密码</h3>
                            <div class="css-9z9vmi">未设置</div>
                          </div>
                          <div class="css-1ew9y65"><button type="button" class="Button Button--link Button--withLabel">
                              <div class="css-3sstln">编辑</div>
                            </button></div>
                        </div>
                      </div>
                      <div class="css-1pp4h0z">
                        <div class="css-bgxerv">
                          <div class="css-1pysja1">
                            <h3 class="css-1es27t5">绑定手机</h3>
                            <div class="css-9z9vmi">+86130****7092</div>
                          </div>
                          <div class="css-1ew9y65"><button type="button" class="Button Button--link Button--withLabel">
                              <div class="css-3sstln">编辑</div>
                            </button></div>
                        </div>
                      </div>
                      <div class="css-1pp4h0z">
                        <div class="css-bgxerv">
                          <div class="css-1pysja1">
                            <h3 class="css-1es27t5">绑定邮箱</h3>
                            <div class="css-9z9vmi">未绑定</div>
                          </div>
                          <div class="css-1ew9y65"><button type="button" class="Button Button--link Button--withLabel">
                              <div class="css-3sstln">编辑</div>
                            </button></div>
                        </div>
                      </div>
                      <div class="css-1pp4h0z">
                        <div class="css-bgxerv">
                          <div class="css-1pysja1">
                            <h3 class="css-1es27t5">绑定第三方帐号</h3>
                            <div class="css-9z9vmi"></div>
                          </div>
                        </div>
                        <div class="css-5h0skw">
                          <div class="css-1alsiom">
                            <div class="css-60n72z">
                              <div class="css-eho26r"><svg width="16" height="16" fill="none" viewBox="0 0 24 24"
                                  data-new-api="Wechat24" data-old-api="WeChat" class="Zi Zi--WeChat">
                                  <path fill="#07C160"
                                    d="M19.918 18.357c1.27-.921 2.082-2.282 2.082-3.795 0-2.772-2.698-5.02-6.024-5.02-3.327 0-6.024 2.248-6.024 5.02 0 2.772 2.697 5.02 6.024 5.02.665 0 1.327-.092 1.966-.275l.177-.027c.116 0 .221.036.32.092l1.32.762.115.038a.202.202 0 00.186-.124.202.202 0 00.015-.077l-.032-.147-.272-1.012-.021-.129a.4.4 0 01.168-.326zM9.23 4C5.237 4 2 6.697 2 10.024c0 1.815.973 3.45 2.497 4.554a.48.48 0 01.203.392l-.025.153-.326 1.215-.039.176c0 .134.108.242.24.242l.14-.045 1.583-.914a.756.756 0 01.384-.111l.212.031c.767.22 1.562.332 2.36.331l.397-.01a4.655 4.655 0 01-.243-1.476c0-3.034 2.952-5.494 6.593-5.494l.392.01C15.824 6.201 12.835 4 9.23 4zm4.739 9.76a.803.803 0 110-1.605.803.803 0 010 1.604v.001zm4.016 0a.803.803 0 110-1.605.803.803 0 010 1.604v.001zM6.82 9.06a.963.963 0 110-1.927.963.963 0 010 1.927zm4.82 0a.964.964 0 110-1.927.964.964 0 010 1.927z"
                                    clip-rule="evenodd"></path>
                                </svg></div>
                              <div class="css-zlhhis"><button type="button"
                                  class="Button Button--plain Button--blue">绑定微信</button>
                              </div>
                            </div>
                            <div class="css-60n72z">
                              <div class="css-le1a5j"><svg width="16" height="16" fill="none" viewBox="0 0 24 24"
                                  data-new-api="Weibo24" data-old-api="Weibo" class="Zi Zi--Weibo">
                                  <path fill="#FB6622"
                                    d="M15.518 3.06c8.834-.854 7.395 7.732 7.394 7.731-.625 1.44-1.673.31-1.673.31.596-7.52-5.692-6.33-5.692-6.33-.898-1.067-.03-1.71-.03-1.71zm4.13 6.985c-.66 1.01-1.376.126-1.375.126.205-3.179-2.396-2.598-2.396-2.598-.72-.765-.091-1.346-.091-1.346 4.882-.55 3.863 3.818 3.863 3.818zM5.318 7.52s4.615-3.86 6.443-1.328c0 0 .662 1.08-.111 2.797.003-.003 3.723-1.96 5.408.16 0 0 .848 1.094-.191 2.648 0 0 2.918-.099 2.918 2.715 0 2.811-4.104 6.44-9.315 6.44-5.214 0-8.026-2.092-8.596-3.102 0 0-3.475-4.495 3.444-10.33zm10.448 7.792s.232-4.41-5.71-4.207c-6.652.231-6.58 4.654-6.58 4.654.022.39.098 3.713 5.843 3.713 5.98 0 6.447-4.16 6.447-4.16zm-9.882.86s-.06-3.632 3.804-3.56c3.412.06 3.206 3.164 3.206 3.164s-.026 2.98-3.684 2.98c-3.288 0-3.326-2.584-3.326-2.584zm2.528 1.037c.672 0 1.212-.447 1.212-.998 0-.55-.543-.998-1.212-.998-.672 0-1.215.447-1.215.998 0 .551.546.998 1.215.998z"
                                    clip-rule="evenodd"></path>
                                </svg></div>
                              <div class="css-zlhhis"><button type="button"
                                  class="Button Button--plain Button--blue">绑定微博</button>
                              </div>
                            </div>
                            <div class="css-60n72z">
                              <div class="css-1jcd8mo"><svg width="16" height="16" viewBox="0 0 24 24"
                                  data-new-api="Qq24" data-old-api="QQ" class="Zi Zi--QQ" fill="currentColor">
                                  <path
                                    d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.483 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.288.687 6.288 0 0-.688-1.77-1.182-1.77-1.182 2.086-1.77 1.906-3.967 1.906-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.165-6.954-2.165-6.954V9.325C18.29 3.364 14.268 2 12.003 2z"
                                    fill-rule="evenodd" clip-rule="evenodd"></path>
                                </svg></div>
                              <div class="css-zlhhis"><button type="button" class="Button Button--plain Button--blue">绑定
                                  QQ</button></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="css-9ytsk0">
                    <div class="css-17ucl2c">
                      <div class="css-1pysja1">
                        <h3 class="css-1pgs7vn">个性域名</h3>
                        <div class="css-9z9vmi">个人主页的地址，个性域名只可更改一次<div>
                            Learning.com/people/enjoy-18-91</div>
                        </div>
                      </div>
                      <div class="css-1ew9y65"><button type="button" class="Button Button--link Button--withLabel">
                          <div class="css-3sstln">编辑</div>
                        </button></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="SettingsMain-sideColumn css-10da52u">
              <div class="css-1bwzp6r">
                <article class="SettingsFAQ">
                  <h3 class="SettingsFAQ-pageTitle"><span>常见错误</span><button type="button"
                      class="Button SettingsFAQ-toggle Button--link"><svg width="16" height="16" viewBox="0 0 24 24"
                        data-new-api="ArrowExpand24" data-old-api="FullscreenEnter" fill="#8590A6"
                        class="Zi Zi--FullscreenEnter">
                        <path
                          d="M20 3.25h-6.5a.75.75 0 000 1.5h4.69l-5.22 5.22a.75.75 0 101.06 1.06l5.22-5.22v4.69a.75.75 0 001.5 0V4a.747.747 0 00-.75-.75zM9.97 12.97l-5.22 5.22V13.5a.75.75 0 00-1.5 0V20a.748.748 0 00.75.75h6.5a.75.75 0 000-1.5H5.81l5.22-5.22a.75.75 0 10-1.06-1.06z"
                          fill-rule="evenodd" clip-rule="evenodd"></path>
                      </svg></button></h3>
                  <div class="SettingsFAQ-sectionWrap is-fixed is-collapsed">
                    <h3>怎样发表文章</h3>
                  </div>
                </article>
              </div>
            </div>
          </div>
        </div>
      </nav>
      </main>
      <div data-zop-usertoken="{&quot;urlToken&quot;:&quot;enjoy-18-91&quot;}"></div>
    </div>
  </div>
  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> -->
  <!-- 导入自己封装的 baseAPI -->
  <script src="/javascripts/baseApi.js"></script>
  <script src="/javascripts/setting.js"></script>
</body>



</html>